<template>
  <div class="newCompany">
    <!-- <div class="newCompany-top">
      <div class="newCompany-top-left">新增企业注册数量
        (<span>{{total}}个</span>)</div>
      <button class="newCompany-top-right" @click="importData()">导出</button>
    </div>-->
    <div class="newCompany-title">
      <div class="newCompany-title-left">
        <span>新增企业注册数量</span>
        <span>({{total}})</span>
      </div>
      <div class="newCompany-title-right">
        <div class="export-btn" @click="exportData">
          <img src="../../../assets/img/export.png" alt>
          <span>导出</span>
        </div>
      </div>
    </div>
    <div class="newCompany-main">
      <div class="newCompany-main-top">
        <el-form :model="form" ref="form" label-width="100px" class="search-form">
          <div class="search-item">
            <span class="input-lable registerTime">注册时间段</span>
            <el-date-picker
              v-model="form.startdate"
              type="date"
              placeholder="选择日期"
              value-format="yyyy-MM-dd"
            ></el-date-picker>
            <span class="separator">~</span>
            <el-date-picker
              v-model="form.enddate"
              type="date"
              placeholder="选择日期"
              value-format="yyyy-MM-dd"
            ></el-date-picker>
          </div>
          <div class="search-item">
            <span class="input-lable">所在地区</span>
            <!-- <el-cascader :options="addressOptions"  v-model="regions" :show-all-levels="false" :clearable="true" :props="addressProps" :change-on-select="true" @change="changeCity()"></el-cascader> -->
            <city-Cascader
              :citys="form.citys"
              :level="level"
              :notRequire="true"
              @handleChange="handleCityChange"
            ></city-Cascader>
          </div>
          <div class="search-item">
            <el-button type="primary" class="search-btn" @click="search()">查询</el-button>
          </div>
        </el-form>
      </div>
      <div class="newCompany-main-bottom">
        <el-table
          class="new-Member-table"
          :data="tableData"
          border
          stripe
          style="width: 100%"
          v-loading="loading"
        >
          <el-table-column
            
            prop="companyname"
            label="企业名称"
            align="center"
            width="180"
          ></el-table-column>
          <el-table-column  prop="city" label="所在地区" align="center"></el-table-column>
          <el-table-column  label="企业类型" align="center">
            <template slot-scope="scope">
              <span>{{scope.row.companytype}}</span>
            </template>
          </el-table-column>
          <el-table-column  prop="companysize" label="企业规模" align="center">
            <template slot-scope="scope">
              <span>{{scope.row.companysize}}</span>
            </template>
          </el-table-column>
          <el-table-column  label="注册时间" align="center">
            <template slot-scope="scope">
              <span>{{scope.row.insertdate}}</span>
            </template>
          </el-table-column>
          <el-table-column  label="审核状态" align="center">
            <template slot-scope="scope">
              <span>{{scope.row.status}}</span>
            </template>
          </el-table-column>
          <el-table-column  label="审批人" align="center">
            <template slot-scope="scope">
              <span v-if="scope.row.auditor">{{scope.row.auditor}}</span>
              <span v-else>-</span>
            </template>
          </el-table-column>
        </el-table>
        <!-- <el-pagination background layout="total, prev, pager, next, jumper" :total="total"  :current-page="currentPage" @current-change="handleCurrentChange">
        </el-pagination>-->
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="form.pagenum"
          :page-sizes="[10, 20, 30, 50, 100]"
          :page-size="form.pagesize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total"
          background
        ></el-pagination>
      </div>
    </div>
  </div>
</template>

<script src="./index.js">
</script>

<style scoped src="./index.css">
</style>
